<%--
  Created by IntelliJ IDEA.
  User: 86917
  Date: 2020/10/29
  Time: 9:45
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<head>

</head>
<script language="JavaScript">

</script>
<style>
    #container{
        height: 100%;
        width: 100%;
        background: #e6eef2;
        padding: 0 0.5%;
    }
    #arcdh{
        height: 98%;
        width: 10%;
        float: left;
        border-right: 5px solid #e6eef2;
        background-color: white;
        position: relative;
        top: 1.3%;
    }
    #content{
        height: 100%;
        width: 90%;
        float: left;
    }
    #content iframe{
        height: 98%;
        width: 100%;
        position: relative;
        top: -1%;
        border-radius: 5px;
    }
    #arcdh ul{
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-left: 0;
        margin-top: 15px;
    }
    #arcdh ul li{
        width: 100%;
        height: 40px;
        text-align: left;
        line-height: 40px;
        padding-left: 20px;
        list-style: none;
    }
    #arcdh li.active a{
        color: #00aaef;
    }
    #arcdh li.active span{
        color: #00aaef;
    }
    #arcdh li a{
        text-decoration: none;
        color: #3d5266;
        font-size: 16px;
        font-weight: 600;
        font-family: "微软雅黑";
        margin-left: 10px;
    }
    #arcdh li:hover a,#arcdh li:hover span{
        color:#00aaef
    }
</style>
<body>
<div id="container">
    <div id="arcdh">
        <ul>
            <li class="active"><span class="glyphicon glyphicon-search"></span><a href="${pageContext.request.contextPath}/arc_main/list?featureType=zh" target="menuFrame">综合查询</a></li>
                <li ><span class="glyphicon glyphicon-list-alt"></span><a href="${pageContext.request.contextPath}/arc_main/list?featureType=fin" target="menuFrame">竣工档案</a></li>
                <li ><span class="glyphicon glyphicon-credit-card"></span><a href="${pageContext.request.contextPath}/arc_main/list?featureType=lic" target="menuFrame">执照档案</a></li>
                <li ><span class="glyphicon glyphicon-tree-deciduous"></span><a href="${pageContext.request.contextPath}/arc_main/list?featureType=earth" target="menuFrame">建设用地档案</a></li>
                <li ><span class="glyphicon glyphicon-oil"></span><a href="${pageContext.request.contextPath}/arc_main/list?featureType=check" target="menuFrame">规划验收档案</a></li>
                <li ><span class="glyphicon glyphicon-modal-window"></span><a href="${pageContext.request.contextPath}/arc_main/list?featureType=punish" target="menuFrame">规划处罚档案</a></li>
                <li ><span class="glyphicon glyphicon-menu-hamburger"></span><a href="${pageContext.request.contextPath}/arc_main/list?featureType=plan" target="menuFrame">规划档案</a></li>
                <li ><span class="glyphicon glyphicon-grain"></span><a href="${pageContext.request.contextPath}/arc_main/list?featureType=land" target="menuFrame">土地管理档案</a></li>
        </ul>
    </div>
    <div id="content">
        　　<!-- 内容主体区域 -->
            <iframe id="menuFrame" name="menuFrame" src="${pageContext.request.contextPath}/arc_main/list?featureType=zh&arcNumsel=${mapData.get("arcNumsel")}"
                    scrolling="yes" frameborder="no" width="100%" height="100%">
            </iframe>
    </div>

</div>
</body>
<script type="text/javascript">
    $('#arcdh li > a').on('click', function () {
        $(this).parent('li').addClass('active').siblings().removeClass('active')
    })
</script>
</html>
